<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>CSS背景案例</title>
    <style>
        /* body{
            background-color:#b0c4de;
        } */

        /* h1{
	    background-color:#6495ed;
        }
        p{
            background-color:#e0ffff;
        }
        div{
            background-color:#b0c4de;
        } */

        /* body{
            background-image:url('https://static.runoob.com/images/mix/paper.gif');
	        background-color:#cccccc; 
        } */

        /* body{
            background-image:url('https://static.runoob.com/images/mix/gradient2.png');
	        background-repeat:repeat-x; 
        } */

        /* body{
	        background-image:url('https://img0.baidu.com/it/u=3604297992,2371126628&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=499');
	        background-repeat:no-repeat;
        } */
        /* body{
            background-image:url('https://static.runoob.com/images/mix/img_tree.png');
            background-repeat:no-repeat;
            background-position:right top;
            margin-right:200px;
        } */
        body {
            background: #ffffff url('https://static.runoob.com/images/mix/img_tree.png') no-repeat right top;
            margin-right: 200px;
        }
    </style>
</head>

<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落</p>
    <div>
        <p>这是div里的第一个段落</p>
        <p>这是div里的第二个段落</p>
    </div>
</body>

</html>